.setting_btn {
  $height: 44px;
  @apply fixed right-0 z-10;
  @apply flex justify-center items-center rounded-md cursor-pointer;
  @apply transition-all;
  transition-duration: 300ms;
  top: calc(50% - $height);
  height: $height;
  width: $height;
}
$titleBarWidth: 80px;
.setting_title {
  @apply relative text-base;
  &::after,
  &::before {
    content: '';
    @apply absolute;
    @apply from-gray-50 to-gray-300;
    width: $titleBarWidth;
    height: 1px;
    top: calc(50% - 1px);
  }
  &::after {
    @apply bg-gradient-to-r;
    left: -$titleBarWidth - 8px;
  }
  &::before {
    @apply bg-gradient-to-l;
    right: -$titleBarWidth - 8px;
  }
}

.color_item {
  $size: 20px;
  width: $size;
  height: $size;
  @apply rounded-sm inline-block cursor-pointer shadow;
}
